<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="{{url_for('static',filename='community.css')}}">
    <link href="{{ url_for('static', filename='layui/css/layui.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='layui/css/layui.mobile.css') }}" rel="stylesheet">
    <script src="//unpkg.com/layui@2.9.9/dist/layui.js"></script>
  <title>Community</title>
</head>
<body>
{% block body%}
<div class="banner">
<div class="layui-carousel" id="ID-carousel-demo-image">
  <div carousel-item>
    <div><img src="../static/layui/images/community/banner1.png"></div>
    <div><img src="../static/layui/images/community/banner2.png"></div>
    <div><img src="../static/layui/images/community/banner3.png"></div>
  </div>
</div>
</div>

<script src="//cdn.staticfile.org/layui/2.9.9/layui.js"></script>
  <script>
  //右侧固定边栏


  //banner
  layui.use(function(){
  var carousel = layui.carousel;
  // 渲染 - 图片轮播
  carousel.render({
    elem: '#ID-carousel-demo-image',
    width: '100%',
    height: '100%',
    interval: 3000
  });
});

  </script>
{% endblock %}
</body>
</html>